<template>
  <div class="component-name">
    头部(一般组件)
    props父传子:{{ name }} {{ age }} {{ names }}
    <button @click="showName">混入</button>
    <h1>学校名称:{{name | slices}}</h1>
    <input type="text" v-binds:value="name">
    <button @click="test">插件hello</button>
  </div>
</template>

<script>
// import { hunru, hunru2 } from '../mixin' //局部混入
export default {
  name: 'component-name',
  components: { //注册组件

  },
  // mixins: [hunru, hunru2],
  // props: ['name', 'age'], //值不允许修改,可赋值到data修改
  // props: { name: String, age: Number }, //限制类型
  props: {
    name: { type: String, required: true }, //必传
    age: { type: Number, default: 99 } //默认值(不必传)
  },
  data() {
    return { //数据
      names: this.name + '2' //props优先级高于data
    }
  },
  computed: { //计算属性

  },
  watch: { //监听器

  },
  methods: { //方法
    test() {
      this.hello()
    }
  },
  mounted() { //挂载完成(生命周期,钩子函数)

  },
  beforeDestroy() { //将要销毁(生命周期,钩子函数)

  }
}
</script>

<style lang="less" scoped>
.component-name {}
</style>